آموزش از طراحی Base44 تا SwiftUI - ساخت اپلیکیشن‌های iOS به آسانی [ویدیو] - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

دانلود Xcode Downloading Xcode

• دانلود Xcode و ساخت اولین اپلیکیشن Downloading Xcode and Creating your First App

• افزودن جذابیت: تصاویر و بهینه‌سازی اپلیکیشن Let's Add Some Flair - Images and App Refinement

• نمادهای SF Symbols SF Symbols

• سفارشی‌سازی Xcode و میان‌برهای ضروری کیبورد Adapting Xcode to Your Needs and Essential Keyboard Shortcuts

پلتفرم Base44 Base44

• معرفی سریع Base44 A Quick Introduction to Base44

مبانی SwiftUI SwiftUI Fundamentals

• راه‌اندازی پروژه مبانی Setup Fundamentals Project

• نمای پس‌زمینه تک‌رنگ Solid Background View

• نمای پس‌زمینه گرادینت Gradient Background View

• متغیرهای State State Variables

• نمای پس‌زمینه تصادفی (State، آرایه‌ها، تصادفی‌سازی و Nil coalescing) Random Background View (State, Arrays, Randomness and Nil-coalescing)

• دموی ForEach ForEach Demo

• استفاده از ForEach و استراکچرهای Identifiable ForEach and Identifiable Structs

• دموی List List Demo

• اکشن‌های Swipe و لیبل‌ها در List List Swipe Actions and Labels

• فریم‌ها (Frames) Frames

• فریم‌ها: نمای دایره‌ای Frames - Circle View

• فریم‌ها: ترفند بازسازی کد (Refactoring) Frames - Refactoring Trick

• دموی TextField TextField Demo

• شمارش‌ها (Enumerations) Enumerations

• شمارش‌های Identifiable Identifiable Enumerations

• دموی نمایش Sheet (isPresented) Sheet is Presented Demo

• دموی Item Sheet Item Sheet Demo

• بستن Sheet با isPresented Dismiss Sheet isPresented

• بستن Item Sheet Dismiss Item Sheet

• عملگرهای Ternary و دکمه‌های Toggle Ternary Operators and Toggle Buttons

• اتصال State (Binding) و انتخاب‌گر رنگ سفارشی State Binding and Custom Color Picker

• انتخاب‌گر تاریخ (Date Picker) Date Picker

• انتخاب‌گر قطعه‌ای (Segmented Picker) Segmented Picker

• پشته ناوبری (Navigation Stack) Navigation Stack

• ناوبری: نوار ابزار (Tool Bar) Navigation Stack - Tool Bar

• ناوبری: گروه‌بندی آیتم‌های تولبار Navigation Stack - Toolbar Item Group

• ناوبری: قابلیت جستجو (Searchable) Navigation Stack - Searchable

• فرم‌ها (Forms) Forms

• افزودن اسلایدر به فرم Adding a Slider to the Form

• سوییفت‌دیتا: استراکچر آدرس SwiftData - Address Struct

• سوییفت‌دیتا: نمای لیست آدرس‌ها SwiftData - Address List View

• سوییفت‌دیتا: افزودن آدرس SwiftData - Add an Address

• سوییفت‌دیتا: دکمه حذف با کشیدن (Swipe to Delete) SwiftData - Swipe to Delete Button

• سوییفت‌دیتا: حذف یک آدرس SwiftData - Deleting an Address

• سوییفت‌دیتا: انتقال مدل آدرس به SwiftData SwiftData - Migrating the Address Model to SwiftData

• سوییفت‌دیتا: افزودن Model Context SwiftData - Adding the Model Context

• سوییفت‌دیتا: حذف با کشیدن SwiftData - Swipe to Delete

• سوییفت‌دیتا: توصیف‌کننده‌های مرتب‌سازی (Sort Descriptors) SwiftData - Sort Descriptors

• سوییفت‌دیتا: خیابان‌ها و شهرهای تصادفی SwiftData - Random Streets and Cities

• انیمیشن‌های Spring با استفاده از withAnimation Spring Animations using withAnimation

• انیمیشن‌های بیشتر با Modifier انیمیشن More Animations with the Animations Modifier

از Base44 تا مبانی SwiftUI From Base44 to SwiftUI Fundamentals

• راه‌اندازی اولیه پروژه Basic Project Setup

• نمای شمارنده (Counter View) Counter View

• استفاده از State و Binding در ChromaShift State and Binding with ChromaShift

• تکمیل اپلیکیشن ChromaShift Completing the ChromaShift App

• بحث و بررسی ChromaShift Discussion of ChromaShift

• درک ویژگی محاسباتی textColor Understanding the textColor Computed Property

• درک backgroundColor و Switch Understanding backgroundColor and Switch

اپلیکیشن Todo Todo App

• مقدمه‌ای بر اپلیکیشن Todo Introduction to the Todo App

• از پرامپت تا اپلیکیشن لیست Todo در Base44 From Prompt to Base44 Todo List App

• تبدیل اپلیکیشن Todo به SwiftUI و SwiftData Converting Todo App to SwiftUI and SwiftData

• ایجاد پروژه در Xcode Creating Xcode Project

• پیاده‌سازی و بهینه‌سازی نوار جستجو Implementing and Tweaking the Search Bar

• دکمه اکشن شناور (FAB) Floating Action Button

• نمای فرم Todo Todo Form View

• نمای آیتم Todo - بخش اول Todo Item View - Part 1

• نمای آیتم Todo - بخش دوم Todo Item View - Part 2

• نمای آیتم Todo - بخش سوم Todo Item View - Part 3

• نمای کلی اپلیکیشن Todo Todo App View

• نمای تب‌های فیلتر و نمای وضعیت خالی Filter Tabs View and Empty State View

• رفع ناهماهنگی‌های todoCounts Fixing todoCounts Inconsistencies

• ترکیب HStack برای جستجو و فیلتر Search and Filter HStack

• پاک‌سازی EmptyStateView Cleaning Up EmptyStateView

• پاک‌سازی TodoAppView Cleaning Up TodoAppView

• تست قابلیت ایجاد تسک Testing the Create Task Functionality

• تزریق مدل Todo به اپلیکیشن Injecting the Todo Model into the App

• اصلاح اکشن‌های Swipe با افزودن List View Fix Swipe Actions by Adding a List View

• پیاده‌سازی قابلیت ویرایش با استفاده از Sheet Item Implementing Edit Functionality Using Sheet Item

• بهینه‌سازی بارگذاری Todoها Load Todos Clean Up

• تست و تغییرات تکمیلی اپلیکیشن - بازبینی افزودن تسک Further App Testing and Modification - Revisiting Add Task

• استایل پیش‌زمینه و شعاع گوشه‌ها (Corner Radius) Foreground Style and Corner Radius

• پشتیبانی از حالت روشن و تاریک (Light/Dark Mode) Supporting Light and Dark Mode

• رنگ پس‌زمینه در حالت روشن و تاریک Background Color Light and Dark Mode

• تکمیل پشتیبانی از حالت روشن و تاریک Completing Light and Dark Mode Support

• بومی‌سازی اپلیکیشن (Localization) App Localization

• بومی‌سازی برای زبان اسپانیایی Spanish Localization

• بومی‌سازی برای چینی و سایر زبان‌ها Chinese and More Localizations

• پشتیبانی از زبان‌های راست‌به‌چپ (RTL) Supporting Languages from Right to Left

• طراحی آیکون‌های اپلیکیشن Creating the App Icons

بازی Tic Tac Toe Tic Tac Toe

• پرامپت و استایل‌دهی Prompt and Styling

• پروژه Xcode و بهینه‌سازی برای موبایل Xcode Project and Making the App Mobile-Friendly

• مرور پروژه Reviewing the Project

• ترجمه طرح به SwiftUI Translating into SwiftUI

• ساخت پروژه Building the Project

• تنظیم چیدمان (Layout) Adjusting the Layout

• طراحی نمای Tic Tac Toe Marking the Tic Tac Toe View

• تابلوی امتیازات Scoreboard

• شناسایی و تنظیم نمای پس‌زمینه Identifying and Adjusting the Background View

• نمای نوبت بازیکن Player Turn View

• نمای پس‌زمینه Background View

• تکمیل نمای نوبت بازیکن Completing the Player Turn View

• رنگ پس‌زمینه جامع Universal Background Color

• حذف پس‌زمینه از نمای نوبت بازیکن Removing Background from Player Turn View

• شیت مودال برنده Winner Modal Sheet